@charset "utf-8";
/* CSS Document */
.body {
	width:868px;
	margin-left:auto;
	margin-right:auto;
        background-color:#FFFFFF
}
a{
	color:#04664B;
	text-decoration:none;
	outline:none;
}
a:hover{
	text-decoration:none; color:#D54500; text-decoration:underline;
}
p, h1, h2, h3, ul{
	margin:0px;
}
ul.lst{
	list-style:none;
	margin:0px;
	padding:0px;
}
.item li{
	margin:0px;
	padding:1px 0px 2px 18px;;
}

.more{
	clear:both;
	text-align:right;
}
.pager{
	clear:both;
	padding:5px;
}
a img{
	border:none;
}
body {
	background:url(images/bg.gif);
	background-color: #023400;	
}
body, td, div, input{
	font-size:13px;
	line-height:150%; font-family:Verdana, Tahoma, "Microsoft Sans Serif";
	color:#222;
}
input[type=text],input[type=password],textarea, select{
	border:solid 1px;
	/*border-color:#EEE #CCC #CCC #EEE;*/
	border-color:#CCC #EEE #EEE #CCC;
	padding:3px;
}
.indent{
	text-indent:30px;
	padding-bottom:8px;
}
.history_link{
 margin-bottom:10px;
}
/*START CLASS*/
.imgthumb{
	border: solid 3px #EEEEEE;	
}
.imgthumb:hover{
	border-color:#DFDFDF;
}

.imgleft{
	padding:4px;
	background-color:#EAEAEA;
	float:left;
	margin-right:10px;
}
.imgleft:hover{
	background-color:#D2D2D2;
}
.imgright{
	padding:4px;
	background-color:#EAEAEA;
	float:right;
	margin-left:10px;
}
.imgright:hover{
	background-color:#D2D2D2;
}
.bt_submit{
	border:solid 1px #A7DEA0; background:#F0FFF0;
	color:#006600;
	padding:3px 15px 1px 15px;
	-moz-border-radius:3px; border-radius:3px; cursor:pointer;
}
.bt_submit:hover{
	background:#F0F8DE;
}
.lbMsg{
	color:#006633;
}
.lbFrom{
	color:#FFCC99;
}
.lbDate{
	font-size:0.8em;
	color:#999999;
}
.slide-h{
	background:url(images/h2.gif) no-repeat;
	width:187px;
	height:38px;
	padding:8px 0px 0px 0px;
	font-size:1.2em;
	color:#FFFFFF;
	text-align:center;
}
/*content*/
.h-news{
	/*background:url(images/h-news.gif) no-repeat;*/
	background:url(images/h-news.jpg) no-repeat;
	height:39px;
	text-indent:-9999px;
}
.h-board{
	background:url(images/h-board.jpg) no-repeat;
	height:37px;
	text-indent:-999px;
}
.h-radio{
	background:url(images/h-radio.gif) no-repeat;
	width:205px;
	height:34px;
	text-indent:-999px;
}
.content{
	padding-left:0px;
}
.content .content-top {
	background:url(images/bg1.gif) no-repeat;
	/*background-position:12px;*/
	height: 12px;
	font-size:1%;
}
.content .content-body{
	background:url(images/bg2.gif) repeat-y;
	padding:0px 20px 20px 15px;
}
.content .content-end{
	background:url(images/bg3.gif) no-repeat;
	/*background-position:12px 0px;*/
	height:16px;
	font-size:1%;	
}
.content-left {	
	width: 580px;
	float:left;
	background:url(images/post-divider.jpg) no-repeat;
	background-position:right top;
	margin-right:5px;
	padding:0px 20px 0px 0px;
}
.content-right{
	float:left;
	width: 215px;
	min-height:520px;	
	/*background-image:url(images/img2_12.jpg);
	background-repeat:no-repeat;
	background-position:right top;*/
}
.sub-left{
	width:480px;
	min-height:500px;
	float:left;
	background-image:url(images/img2_12.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	margin-left:2px;
	padding-right:5px;
}
.sub-right{
	width:120px;
	float:left;
	margin-left:5px;
}
.content-foot{
	clear:both;
}

.foot{
	clear:both;
}
hr{
	height:1px;
	border-top:solid 1px #CCCCCC;	
	border-bottom:solid 1px #FFFFFF;
	border-left:none;
	border-right:none;	
}
.btBlue {
	background-image: url(images/btblue_02.gif);
	background-repeat: repeat-x;
	border:solid 1px #0066CC;
	color:#003333;
	margin-left:2px;
	margin-right:2px;
	padding:0px 5px 0px 5px;
}
.btBlue:hover{
	background-image: url(images/btblue2_02.gif);
}
h2.index {
	background-image: url(images/img2_15.jpg);
	background-repeat: no-repeat;
	padding-left: 25px;
	font-family:Verdana;
	font-size:1.3em;
	color:#006600;	
	font-weight: normal;
	margin:0px;
}

.btGreen {
	background-image: url(images/btgreen_02.gif);
	background-repeat: repeat-x;
	border:solid 1px #009933;
	color: #003300;
	margin-left:2px;
	margin-right:2px;
	padding:0px 5px 0px 5px;
	color:#FFFFFF;
}
.loginbox {
	background-image: url(images/img2_19.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 210px;
	margin-top:5px;
	padding-bottom:10px;
}
.loginbox .loginbox-top {
	background-image: url(images/img2_18.jpg);
	background-repeat: no-repeat;
	height: 12px;
}
.loginbox label {
	color: #FFFFFF;
	font-family:Verdana;
	font-size:0.8em;
}
.loginbox p {
	margin: 0px;
	padding: 1px;
	text-align: center;
}
.loginbox a{
	color:#FFFFCC;
}
form {
	margin: 0px;
}
.menu-left {
	background-image: url(images/img2_21.jpg);
	background-repeat:repeat-x;
	background-position: bottom;
	padding: 5px 5px 5px 10px;
	margin:5px 5px 0px 0px;
}
.menu-left h3 {
	font-size: 1em;
	color: #CC9900;
	margin: 0px;
}
.menu-left ul {
	margin: 0px 0px 0px 10px;
	padding:0px;
	list-style-type: none;
}
.menu-left a {
	color: #666666;
	text-decoration: none;
}
.menu-left a:hover{
	text-decoration:underline;
}
.menu-left li {
	border-bottom: 1px dashed #999999;
	padding:2px;
}
.clear {
	clear: both;
}
ul.logo-right{
	list-style:none;
	margin:0px;
	padding:0px;
}
ul.logo-right li{
	margin-bottom:3px;
}
.hearder-topic{
	background-image:url(images/t_topic_04.gif);
	background-repeat:no-repeat;
	width:475px;
	height:31px;
	text-indent:-1000px;
}
.hearder-public{
	background-image:url(images/t_public.gif);
	width:336px;
	height:28px;
	text-indent:-1000px;
}

.hearder-contact{
	background-image:url(images/t_contact.gif);
	width:336px;
	height:28px;
	text-indent:-1000px;
}
.hearder-board{
	background-image:url(images/t_wb.gif);
	width:489px;
	height:47px;
	text-indent:-1000px;
}
.hearder-map{
	background-image:url(images/t_map.gif);
	width:359px;
	height:31px;
	text-indent:-1000px;
}
.hearder-knowledge{
	background-image:url(images/t_news.gif);
	width:307px;
	height:31px;
	text-indent:-1000px;
}
.tr_dot td, .dot_row td{
	border-bottom:dotted 1px #CCCCCC;
}
.topLst td{
	font-weight:bold;
}
/*---------------------------------------------*/
.board .topbt {
	margin-bottom: 5px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #009900;
	text-align: right;
}
.board .topbt a {
	color: #006600;
	text-decoration: none;
}
.board .topbt a:hover {
	text-decoration: underline;
}
.anwer .title {	
	font-size: 16px;
	color: #003366;
	font-weight: bold;
	padding: 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0099FF;
}
.anwer .boxawer {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #333333;
	margin-bottom: 10px;
}
.lb_show{
	background-color: #EAEAEA;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	text-align: right;
	width: 100px;
}
.radio-list{
	background:url(images/bg-list.jpg) no-repeat;
	background-position:bottom;
	padding:0px 15px 10px 15px;
}
/*Radio>>*/

/*<<Radio*/
/*Topic>>*/

/*<<Topic*/

/*---------------------------------------------*/
.input1{
	width:250px;
}
.input{
	border: 1px solid #CCCCCC;
	color:#336600;
	background-color:#F0F0F0;
}
.input:focus{
	background-color:#FFFFFF;
}
/*---------------------------------------------*/
.err-msg{
	border:solid 1px #FFCC66;
	background-color:#FFFAD9;
	color:#FF6633;
	margin:0px;
	padding:5px;
}
.err-msg li{
	margin-left:50px;
}
.text-info{
	border:solid 1px #339966;
	background-color:#D9FFEA;
	color:#006633;
	text-align:center;	
}
.text-require{
	color:#FF0000;
}
.mem-thumb{
	padding:2px;
	border:solid 1px #CCCCCC;
}
.txt_fremale{
	color:#CC3366;
}
.txt_male{
	color:#003399;
}
.txt_monk{
	color:#CC6600;
}
.miniTxt{
	font-size:10px;
}
.div50{
	width:49%;
	float:left;
}
/*------playlist----------------*/
.playlist{
	margin:0px;
	padding:0px;
}
.playlist li{
	border-bottom:dotted 1px #CCCCCC;
	padding:3px;
	padding-left:18px;
	background-image:url(images/play.gif);
	background-repeat:no-repeat;
	background-position:left center;
}
.logolink{
	text-align:center; margin-top:10px;
}
.logolink a{
	display:block;
	margin-top:5px;	
}
.box-error{
	margin:10px 0px 10px 0px;
	padding:20px 20px 20px 45px;
	background-color:#FFE3C6;
	border:solid 1px #CC6600;
	color:#993300;
	background-image:url(images/17_125.gif);
	background-position:20px 15px;
	background-repeat:no-repeat;
}
.box-info{
	margin:10px 0px 10px 0px;
	padding:20px 20px 20px 45px;
	background-color:#EAFFEA;
	border:solid 1px #99CC00;
	color:#006600;
	background-image:url(images/4_28.gif);
	background-position:20px 20px;
	background-repeat:no-repeat;
}
.spa{
	color:#CCCCCC;
	font-size:0.8em;
}
/*iboardlist>>*/
.iboardlist{
	padding:0px 10px;
	margin-left:0px;
}
.iboardlist .item{
	background:url(images/comment.gif) no-repeat;
	padding:1px 0px 1px 20px;
	border-bottom:dotted 1px #CCCCCC;

}
.iboardlist .title{
}
.iboardlist .datepost{
	margin-left:5px;
}
.iboardlist .datepost{
	color:#999999;	
}
/*<<iboardlist*/
/*MSG>>*/
.msg{
	margin-left:0px;
	background:url(images/msg2_02.gif) repeat-x;
	width:520px;
	height:29px;
	float:left;
}
.msg .left{
	background:url(images/msg2_01.gif) no-repeat;
	height:29px;
	width:20px;
	float:left;	
}
.msg .inner{
	background:url(images/msg2_04.gif) no-repeat right;
	height:24px;
	float:left;
	width:500px;
	padding-top:5px
}
.lnk-addcomm{
	background:url(images/comment_add.png) no-repeat left 4px;;
	display:block;
	width:35px;
	padding:5px 0px 0px 20px;
	float:left;
	height:24px;
	
}
.kamkom h2{
	font-size:1.5em;
	color:#006600;	
}
.kamkom h2 span{
	padding:2px;
}
.kamkom .item{
	border-bottom:dotted 1px #CCCCCC;
	padding:10px;
}
.kamkom .title{
	padding-left:10px;
}
.kamkom .from{
	padding-left:30px;
	color:#996600;
}
.kamkom .datepost{
	background:url(images/17_17.gif) no-repeat;
	padding-left:20px;
	margin-left:10px;
	color:#666666;
}
.kamkom .icon{
	padding:3px;
	border:solid 1px #CCFF99;
	display:block;
	float:left;
	margin:1px;
}
.kamkom .form{
	margin-top:10px;
}
/*<<MSG*/
/*history>>*/
.history .header{
	background:url(images/t_history.jpg) no-repeat;
	height:66px;
	margin-bottom:10px;
	text-indent:-999px;
}
.history p{
	text-indent:30px;
	margin-bottom:10px;
}
/*<<history*/
/*Introduction>>*/


/*<<Introduction*/
.off{
	display:none;
}
/*topmenu*/
.topmenu{
	background:transparent url(images/tobmenu.jpg) no-repeat scroll 0%;
	height:40px;
/*	margin-left:10px;*/
        margin-bottom: 5px;
	width:868px;
        padding:0px 0px 0px 0px;
}

.topmenu:after{ /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0;
	clear: both; 
	visibility: hidden;
}

.topmenu ul{
	padding:5px 0 0 15px;
	margin:0;
	text-align: left;
	margin:0;
	float:left;
}

.topmenu ul li{
	display: inline;
}

.topmenu ul li a{
	color:#000000;
	padding:4px 10px 7px 10px;
	text-decoration:none;
	display:block;
	float:left;
}
.topmenu ul li a:hover, .topmenu ul li{
	color:#ff1818;	
	background:url(images/topm-bgover1.jpg) repeat-x;
}
#login{
	float:right;
	padding:8px 15px 0 0;
	color:#FFF;
}
#login a{
	color:#FFF;
	text-decoration:none;
}
/**/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.slidedoormenu{
	list-style-type: none;
	margin: 0;
	padding: 0;
	/*width: 200px;  width of menu (don't forget to add border with below!) */
	/*border-left: 3px solid #006600;*/ /* thick left border of menu */

}

.slidedoormenu li{
	border-bottom: 1px solid #99CC33; /* Gray border beneath each menu item */
}

.slidedoormenu li a{
	background: url(images/vstrip.gif) repeat-y left top; /* Background image positioned to the left(v) top(h) corner initially */	
	display: block;
	color: black;
	width: auto;
	/*border-bottom: 1px solid white;*/ /* White border beneath each menu item link, to add depth */
	padding: 4px 0; /* Vertical (top/bottom) padding for each menu link */
	text-indent: 8px;
	text-decoration: none;
}

.slidedoormenu li a:visited, .slidedoormenu li a:active{
color: black;
}

.slidedoormenu li a:hover{
background-position: -387px 0; /* Shift background image horizontally 387px, or the start of the 2nd background image */
color: black;
}

.slidedoormenu li.lastitem, .slidedoormenu li.lastitem a{
border-bottom-width: 0; /* For last menu item within menu, remove bottom border */
}

.slidedoormenu li.lastitem a{
padding: 8px 0; /* increase vertical border of last menu link by 2px (default is padding: 7px 0) to account for removed border width */
}
/*contact-detail*/
.contact-detail .input, .contact-detail textarea{
	width:300px;	
}
.contact-addr{
	margin:40px 0px;
}
.contact-addr .lb{
	float:left;
	width:150px;
	display:block;
	font-weight:bold;	
}
.contact-addr .data{
	width:500px;
	float:left;
	display:block;
}
.contact-addr em{
	color:#008000;
	font-style:normal;
}
.contact-addr p{
	padding:3px 0px;	
}
.contact-addr .at{
	background-color:#F8FFEC;
	padding:5px;
}
.contact-addr .sc{
	padding:5px;
}
/**/
/*header-tab>>*/
.header-tab{
	border-bottom:solid 2px #92AF2B;	
}
.header-tab h2{
	width:150px;
	text-align:center;
}
/*<<header-tab*/
/*Menu Left>>*/
.mr-h{
	background:url(images/tab2_01.gif) no-repeat #92AF2B;
	font-size:1.1em;
}
.mr-h span{
	background:url(images/tab2_03.gif) no-repeat right top;
	display:block;
	padding:5px;
	color:#FFFFFF;	
	
}
.feed-box{
	background:url(images/feeds.gif) no-repeat bottom right;
	margin-bottom:10px;
	height:70px;
}
.feed-box h2{
	display:none;
}
.feed-box ul{
	padding:20px;
	margin:0px;
}
.feed-box li{
	background:url(images/feed.png) no-repeat 0px 3px;
	padding:3px 20px;
}
/*<<Menu left*/
/*Public>>*/
/*<<Public*/
.phone{
	background:url(images/9_33.gif) no-repeat;
	padding-left:20px;
}
/*day>>*/
.day{
}
.day h2{
	background:url(images/h-day.gif) no-repeat;
	text-indent:-999px;
	height:40px;
	margin-bottom:10px;
}
.day .item{
	border-bottom:dotted 1px #A8F46F;
	padding-top:10px;
	position:relative;
}
.day .name{
	background:url(images/5_86.gif) no-repeat 0px 2px;
	padding-left:18px;
}
.day .info{
	float:left;
	width:430px;
}
.day .thumb{
	width:130px;
	float:left;
	margin-right:10px;
	text-align:center;
}
.day .more{	
	text-align:right;
}
.day .inday{
	padding-left:18px;
	color:#85AF03;
}
.day .desc{
	padding-top:5px;
	text-indent:20px;
	color:#333333;
}
.day .detail p{
	text-indent:30px;
	padding-bottom:10px;
}
.day .detail ol{
	margin:0px;
	padding:5px 0 5px 50px;
}
.day .detail h3{
	color:#800000;
	font-size:1.2em;
	padding-bottom:5px;
}
.day .detail .inday{
	padding-bottom:10px;
}
/*<<day*/
/**/
.headinfo{
	background-color:#F0FFE1;
	border-bottom:solid 1px #99CC00;
	padding:5px;
	margin-bottom:10px;
}
.headinfo h1{
	font-size:1.2em;
	color:#006600;
}
.postinfo{
	color:#666;
}
.postinfo .by{
	background:url(images/bullet-blue.gif) no-repeat;
	padding-left:15px;
}
.postinfo .date{
	background:url(images/17_17.gif) no-repeat;
	padding-left:20px;
}
.postinfo .view{
	background:url(images/date.png) no-repeat;
	padding-left:20px;
}


/*<< ST */
.box2{
	margin-bottom:10px;
        background-color:#F3FEDA;
}
.box2 .header{
	background:url(images/thm3_18.gif) no-repeat left top; padding-left:10px;
}
.box2 .header span{
	background:url(images/thm3_18.gif) no-repeat right top; padding:8px 0 8px 0; display:block; font-size:15px; color:#964721;
    font-family: sans-serif;
}
.box2 .inner, .box3 .inner, .box4 .inner{
	border:solid 1px #CCC; border-style:none solid none solid;
}
.box2 ul{
	padding:10px 0; list-style:none;
}
.box2 ul li{
	padding:0;
	margin:0;
}
.box2 ul li a{
	padding:5px 0 5px 23px;
	border-bottom:dotted 1px #CCC;
	display:block;
	background:url(images/5_62.gif) no-repeat 5px 10px;
}
.box2 ul li a:hover{
	background-color:#F3FEDA;
}
.box3 .inner{
	padding:0 8px;
}
.box4 .bhead{
	background:url(images/thm3_18.gif) no-repeat left top; padding-left:10px;
}
.box4 .bhead h2,.box4 .bhead .bhinn{
	background:url(images/thm3_18.gif) no-repeat right top; padding:0; display:block; font-size:16px; color:#964721;
}
.box4 .bhead .bhinn{
	font-size:16px;
	padding:5px 0;
}
.box4 .bhead h2 span{
	padding:5px 0 5px 0;
}
.bhead{
	background:url(images/b2-toper.gif) top left; padding-left:10px;
}
.bhead div{
	height:5px; font-size:1%; background:url(images/b2-toper.gif) no-repeat top right;
}
.bfoot{
	background:url(images/b2-footer.gif) top left; padding-left:10px; clear:both;
}
.bfoot div{
	height:5px; font-size:1%; background:url(images/b2-footer.gif) no-repeat top right;
}
/**/
.newslst{
		list-style:none;
		padding:0;
		margin:0;
}
.newslst li{
	float:left;
	width:100%;
	border-bottom:dotted 1px #f0f0f0;
	padding:5px 0;
}
.newslst li .thumb{
	width:45px;
	height:45px;
	float:left;
	margin:0 3px;
        background:url(images/5_83.gif) no-repeat right 5px;
	padding-right:13px;
}
.newslst .postby{
	font-size:12px;
}
.more{
	padding:2px 10px 2px 0;
}
.more a{
	background:url(images/5_83.gif) no-repeat right 5px;
	padding-right:13px;
}
.mr-b{
	margin-bottom:10px;
}
.histbar{
	padding:3px;
	margin-bottom:20px; border-bottom:solid 1px #f0f0f0;
}
.histbar *{
	color:#333;
}
.col-l{
	float:left;
}
.col-r{
	float:right;
}
.notfound{
	display:block;
	text-align:center;
	color:#666666;
	padding:30px 0;
	background-color:#F8F8F8;
	border-bottom:dashed 1px #CCC;
}
.tbBoard thead td{
	background:url(images/bg1_03.gif) #090; font-weight:bold; color:#FFF;
}
/*.tbBoard .hl{
	background-color:#F9F9F9;
}*/
.tbBoard tbody td{
	border-bottom:solid 1px #f0f0f0;
}
.tbBoard .thb{
	float:left;
	margin-right:5px;
}
.tbBoard .postdate{
	color:#999; font-size:11px;
}
.h1{
	color:#030; font-size:17px; padding:3px 0; border-bottom:solid 1px #f0f0f0; margin-bottom:10px; text-shadow:1px 1px 0 #eee;
}
#form-post{
	padding:10px;
	border:solid 1px #f0f0f0;	
	-moz-border-radius: 5px; border-radius: 5px;
}
#form-post input[type=text],#form-post textarea,#form-post select{
	width:450px; display:block; font-size:14px;
}
#form-post .norm{
	width:auto;
	display:inline;
}
.remark{
	color:#0C0;
}
.reqstar{
	color:#F00;
	font-size:12px;
	font-weight:bold;
}
#bq{
	border:solid 1px #f0f0f0; padding:3px; margin:0 auto 20px auto; position:relative; overflow:visible;-moz-border-radius: 5px; border-radius: 5px;
}
#bq h1{
	/*background:url(images/th4_03.gif); */font-size:16px; padding:7px;
}
#bq .inner{
	padding:10px 0; 
}
#bq .ft{
	border-top:solid 1px #f2f2f2; padding:5px 0; height:35px;
}
#bq .ft .avt1{
	margin-right:3px;
}
#bq .arr{
	background:url(images/th4_07.gif); width:24px; height:16px; position:absolute; right:10px; bottom:-16px;
}
#bq .owner{
	float:left; width:180px;
}
#bq .owner .imgthmb{
	float:left;
	margin:0 3px; width:30px; height:30px;
}
#bq .post{
	float:right; width:380px; text-align:right;font-size:11px;
}
.lnkDel{
	background:url(images/del.gif) no-repeat 0 3px;	
	padding:1px 0 1px 18px;
}
.lnkEdit{
	background:url(images/edit.gif) no-repeat;
	padding:1px 0 1px 18px;
}
#cmmlist{
	margin:0 auto; background:#f0f0f0; padding:5px;
}
#cmmlist h2{
	font-size:16px; color:#666; border-bottom:solid 1px #999;
}
#cmmlist .it{
	background:#fff; padding:5px; -moz-border-radius: 3px; border-radius: 3px; margin:5px 0; border-bottom:solid 1px #ccc;
}
#cmmlist .it .post{
	position:relative; border-bottom:solid 1px #f0f0f0;
}
#cmmlist .it .post .imgthmb{
	float:left;
	padding:0 3px; width:30px; height:30px;
}
#cmmlist .it .re-subject{
	font-size:11px;
	padding:2px 0;
}
#cmmlist .it .post .num{
	width:30px; font-size:14px; text-align:center; background:#FFF; position:absolute; top:2px; right:2px; border:solid 1px #D1E0DC; padding:3px 0;
}
#ie6 #cmmlist .it .post .num{
	left:560px;
}
#cmmlist .it .post .avt1{
	margin-right:3px;
}
#cmmlist .it .date{
	font-size:10px;
}
#cmmlist .it .reply{
	font-size:10px; text-align:right;
}
#cmmlist .inner{
	padding:5px; background:#FFF;
	clear:both;
}
#cmmform{
	width:500px; padding:10px; border:solid 1px #f0f0f0; margin:10px 0 0 0; -moz-border-radius: 5px; border-radius: 5px;
}
#cmmform input[type=text], #cmmform textarea{
	width:400px;
}
.h2{
	color:#900;
	font-size:15px;
	border-bottom:solid 1px #CCC;
	margin-bottom:5px;
}
.tblb{
	width:120px; text-align:right;
}
.tblb2{
	width:100px; text-align:right;
}
.txterror{
	color:#C00;
}
.txtpass{
	color:#090;
}
.olerr{
	border-color:#F30!important;
}
.pnbt{
	padding:10px 0;
}
.sx-M{
	background:url(images/M.gif) no-repeat 0 0px; padding:1px 0 1px 18px; color:#3CF;
}
.sx-F{
	background:url(images/F.gif) no-repeat 0 0px; padding:1px 0 1px 18px; color:#F69;
}
.sx-P{
	background:url(images/P.gif) no-repeat 0 0px; padding:1px 0 1px 18px; color:#00B000;
}
.lst2{
	padding:2px 0 2px 10px;
	margin:0;
	list-style:none;
}
.lst2 li{
	padding:1px 0 1px 15px;
	background:url(images/5_83.gif) no-repeat 0 7px;
}
.wbimg{
	width:95%;
	max-height:400px;
	margin:10px auto 0 auto;
	overflow:auto;
	border:solid 1px #DDD;
	text-align:center;
}
#intro{
	text-align:center; margin:0 0 10px 0;
}
#sideBar{
	width:180px; float:left;
}
.txtcolor1{
	color:#900;
}
.dialog{
	background:#f6f6f6; border:solid 1px #f2f2f2; -moz-border-radius:5px; border-radius:5px; text-align:center; padding:30px 0; margin:50px;
}
.dialog td{
	text-align:left;
}
#statusbar{
	border:solid 1px #64C927; padding:20px 0 20px 70px; color:#090; font-size:1.1em; -moz-border-radius:2px; border-radius:2px; position:relative; background:#EAFCD6 url(images/success_32.png) no-repeat 20px 20px;; margin:0 0 10px; 0; vertical-align:middle;
}
#statusbar_close{
	position:absolute; top:5px; right:5px; width:16px; line-height:16px; text-align:center; border:solid 1px #99CC00;  -moz-border-radius:3px; border-radius:3px; font-size:13px
}
#statusbar_close:hover{
	border-color:#090; text-decoration:none;
}
#statusbar.statusbar_error{
	background-image:url(images/alert_32.png); background-color:#FFC1C2; color:#DD0005; border-color:#DD0005;
}
#statusbar.statusbar_error #statusbar_close{
	color:#DD0005; border-color:#DD0005;
}
#statusbar.statusbar_error ul{
	padding:0; margin:0; list-style:none;
}
#statusbar.statusbar_error ul li{
	padding:2px 0 3px 16px; background:url(images/error_small.png) no-repeat 0px center;
}
.uibutton { 
    position: relative; 
    z-index: 1;
    overflow: visible; 
    display: inline-block; 
    padding: 0.3em 0.6em 0.375em; 
    border: 1px solid #999; 
    border-bottom-color: #888;
    margin: 0;
    text-decoration: none; 
    text-align: center;
    font: bold 12px/normal 'lucida grande', tahoma, verdana, arial, sans-serif; 
    white-space: nowrap;
    /* outline: none; */
    color: #333; 
    background-color: #eee;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f6f6), to(#e4e4e3));
    background-image: -moz-linear-gradient(#f5f6f6, #e4e4e3);
    background-image: -o-linear-gradient(#f5f6f6, #e4e4e3);
    background-image: linear-gradient(#f5f6f6, #e4e4e3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f6f6', EndColorStr='#e4e4e3'); /* for IE 6 - 9 */
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #fff;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #fff;
    /* IE hacks */
    zoom: 1; 
    *display: inline; 
}
a.uibutton, input.uibutton{
	cursor: pointer; 
}
.uibutton:hover,
.uibutton:focus,
.uibutton:active {
    border-color: #777 #777 #666;
}

.uibutton:active {
    border-color: #aaa;
    background: #ddd;
    filter: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* overrides extra padding on button elements in Firefox */
.uibutton::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.uibutton:disabled{
	color:#999; cursor:default; text-decoration:line-through;
}
/* ............................................................................................................. Icons */

.uibutton.icon:before {
    content: "";
    position: relative; 
    top: 1px; 
    float:left;
    width: 10px; 
    height: 12px; 
    margin: 0 0.5em 0 0; 
    background: url(fb-icons.png) 99px 99px no-repeat;
}

.uibutton.edit:before  { background-position: 0 0; }
.uibutton.add:before  { background-position: -10px 0; }
.uibutton.secure:before  { background-position: -20px 0; }
.uibutton.prev:before  { background-position: -30px 0; }
.uibutton.next:before  { float:right; margin: 0 -0.25em 0 0.5em; background-position: -40px 0; }

/* ------------------------------------------------------------------------------------------------------------- BUTTON EXTENSIONS */

/* ............................................................................................................. Large */

.uibutton.large {
    font-size:13px;
}

/* ............................................................................................................. Submit, etc */

.uibutton.confirm {
    border-color: #29447E #29447E #1A356E;
    color: #fff;
    background-color: #5B74A8;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#637bad), to(#5872a7));
    background-image: -moz-linear-gradient(#637bad, #5872a7);
    background-image: -o-linear-gradient(#637bad, #5872a7);
    background-image: linear-gradient(#637bad, #5872a7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#637bad', EndColorStr='#5872a7'); /* for IE 6 - 9 */
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8a9cc2;
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8a9cc2;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8a9cc2;
}

.uibutton.confirm:active {
    border-color: #29447E;
    background: #4F6AA3;
    filter: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* ............................................................................................................. Special */

.uibutton.special {
    border-color: #3b6e22 #3b6e22 #2c5115;
    color: #fff;
    background-color: #69A74E;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#75ae5c), to(#67a54b));
    background-image: -moz-linear-gradient(#75ae5c, #67a54b);
    background-image: -o-linear-gradient(#75ae5c, #67a54b);
    background-image: linear-gradient(#75ae5c, #67a54b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#75ae5c', EndColorStr='#67a54b'); /* for IE 6 - 9 */
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #98c286;
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #98c286;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #98c286;
}

.uibutton.special:active {
    border-color: #3B6E22;
    background: #609946;
    filter: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.uibutton.red {
    border-color: #d65408 #d65408 #e05d10;
    color: #fff;
    background: #ff670f; /* Old browsers */
	background: -moz-linear-gradient(top, #ff670f 0%, #e84f0d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff670f), color-stop(100%,#e84f0d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ff670f 0%,#e84f0d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ff670f 0%,#e84f0d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ff670f 0%,#e84f0d 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ff670f 0%,#e84f0d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff670f', endColorstr='#e84f0d',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #ff7625;
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #ff7625;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #ff7625;
}

.uibutton.red:active {
    border-color: #bd4a06;
    background: #df5d11;
    filter: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* ------------------------------------------------------------------------------------------------------------- BUTTON GROUPS */

.uibutton-group {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
    /* IE hacks */
    zoom: 1; 
    *display: inline; 
}

.uibutton + .uibutton,
.uibutton + .uibutton-group,
.uibutton-group + .uibutton,
.uibutton-group + .uibutton-group {
    margin-left: 3px;
}

.uibutton-group li {
    float: left;
    padding: 0;
    margin: 0;
}

.uibutton-group .uibutton {
    float: left;
    margin-left: -1px; 
}

.uibutton-group .uibutton:hover,
.uibutton-group .uibutton:focus,
.uibutton-group .uibutton:active {
    z-index:2;
}

.uibutton-group > .uibutton:first-child,
.uibutton-group li:first-child .uibutton { 
    margin-left: 0; 
}

/* ------------------------------------------------------------------------------------------------------------- BUTTON CONTAINER */
/* For mixing buttons and button groups, e.g., in a navigation bar */

.uibutton-toolbar {
    padding: 6px;
    border-top: 1px solid #ccc;
    background: #f2f2f2;
}

.uibutton-toolbar .uibutton,
.uibutton-toolbar .uibutton-group {
    vertical-align: bottom;
}
#footer{
	padding:10px; background:#fff; -moz-border-radius:5px; border-radius:5px; text-align:center;margin: 0 10px 0 17px; font-size:90%; color:#666;
}